/*
 *
 * (c) Copyright Ascensio System Limited 2010-2023
 * 
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * http://www.apache.org/licenses/LICENSE-2.0
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
*/


#studio_whiteLabelLogoText {
    width: 350px;
}
.logo-header, .whiteLabelLogoText {
    margin-bottom: 8px;
}
.logo-change-container {
    margin-top: 8px;
}
.logo-img-container {
    position: relative;

    img.theme-background,
    canvas.theme-background {
        background-color: @bg-header;
    }

    canvas:not(.theme-background) {
        background-color: @body-color;
    }

    canvas {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
    }
}

.logo-setting-block {
    margin-bottom: 30px;
    margin-top: 24px;
}
#useAsLogoBtn {
    margin-top: 32px;
}
#lodoAdvContainer {
    tr > td {
        padding-bottom: 30px;

        &:first-child {
            padding-right: 25px;
        }
    }

    tr:last-child > td {
        padding-bottom: 0;
    }
}

.logo-img-container img.docs-style1-background, #canvas_logo_4_1 {
    background-color: #446995;
}
.logo-img-container img.docs-style2-background, #canvas_logo_4_2 {
    background-color: #40865c;
}
.logo-img-container img.docs-style3-background, #canvas_logo_4_3 {
    background-color: #aa5252;
}
.logo-img-container img.docs-style4-background, #canvas_logo_4_4 {
    background-color: #404040;
}

#studio_whiteLabelSettings {
    .logo_0, #canvas_logo_0 {
        width: 216px;
        height: 35px;
        padding: 10px;
    }

    .logo_1, #canvas_logo_1 {
        width: 142px;
        height: 23px;
        padding: 10px;
    }

    .logo_2 {
        max-width: 216px;
        max-height: 35px;
        padding: 10px;
        background-color: #fff;
    }

    #canvas_logo_2 {
        width: 216px;
        height: 35px;
        padding: 10px;
        background-color: #fff;
    }

    .logo_6, #canvas_logo_6 {
        max-width: 216px;
        max-height: 35px;
        padding: 10px;
        background-color: #333;
    }

    .logo_3, #canvas_logo_3 {
        width: 16px;
        height: 16px;
        background-color: #fff;
    }

    .logo_4,
    #canvas_logo_4_1, #canvas_logo_4_2, #canvas_logo_4_3, #canvas_logo_4_4 {
        width: 86px;
        height: 20px;
        padding: 10px;
    }

    #canvas_logo_4_1 {
        left: 0;
        top: 0;
    }

    #canvas_logo_4_2 {
        left: 111px;
        top: 0;
    }

    #canvas_logo_4_3 {
        left: 222px;
        top: 0;
    }

    #canvas_logo_4_4 {
        left: 333px;
        top: 0;
    }

    .logo_5, #canvas_logo_5 {
        width: 86px;
        height: 20px;
        padding: 10px;
        background-color: #fff;
    }
}